import {useState } from 'react';

import type { ProCardTabsProps } from '@ant-design/pro-card';
import ProCard from '@ant-design/pro-card';

import { PageContainer } from '@ant-design/pro-layout'

import styles from './css/style.css'

// import {PageContainer} from "@ant-design/pro-layout"

//系统设置组件
import System_son from './system_son/index';
//国际化设置组件
import Internat from './internationalization_son/index'
// OSS设置
import Oss_son from './oss_son/index'
// SEO设置
import Seo_son from './seo_son/index'
//数据统计
import Database_son from './database_son/index'
//SMTP服务
import Smtp_son from './smtp_son/index'


const System = () => {
    const [tab, setTab] = useState('tab1');
    const [tabPosition] = useState<ProCardTabsProps['tabPosition']>('left');

    return (
        <div className={styles.antd_tabd}>
            <PageContainer>
                <ProCard
                    tabs={{
                        tabPosition,
                        activeKey: tab,
                        onChange: (key) => {
                            setTab(key);
                        },
                    }}
                >
                    <ProCard.TabPane key="tab1" tab="系统设置">
                        {/* 系统设置 */}
                        <System_son />
                    </ProCard.TabPane>
                    <ProCard.TabPane key="tab2" tab="国际化设置">
                        {/* 国际化设置 */}
                        <Internat />
                    </ProCard.TabPane>
                    <ProCard.TabPane key="tab3" tab="SEO设置">
                        {/* SEO设置 */}
                        <Seo_son />
                    </ProCard.TabPane>
                    <ProCard.TabPane key="tab4" tab="数据统计">
                        {/* 数据统计 */}
                        <Database_son />
                    </ProCard.TabPane>
                    <ProCard.TabPane key="tab5" tab="OSS设置">
                        {/* OSS设置 */}
                        <Oss_son />
                    </ProCard.TabPane>
                    <ProCard.TabPane key="tab6" tab="SMTP服务">
                        {/* SMTP服务 */}
                        <Smtp_son />
                    </ProCard.TabPane>
                </ProCard>
            </PageContainer>

        </div>
    )
}
export default System